<template>
  <div>
    <MyHeader left-color="#7cccec" right-color="#44b4ec"></MyHeader>
    <HeaderBottom left-color="#7cccec" right-color="#44b4ec"
                  left-text="A clear map thows you the details of the eligible districts"
                  right-text="Just see the data"/>
    <div class="mapContainer">
      <div id="map"></div>
    </div>
  </div>
</template>

<script>
import MyHeader from './componet/MyHeader'
import HeaderBottom from './componet/HeaderBottom'
export default {
  name: 'View',
  components: {HeaderBottom, MyHeader}
}
</script>

<style scoped>

</style>
